বেসিক টেক্সট ট্যাগস (<h1> থেকে <h6>, <p>, <br>)

টেক্সট ফরম্যাটিং এবং স্টাইলিং - এক্সএইচটিএমএল (XHTML) - Web Development

280

XHTML-এ বেসিক টেক্সট ট্যাগগুলো ওয়েব পেজের কনটেন্ট স্ট্রাকচার এবং উপস্থাপনা নির্ধারণ করতে ব্যবহৃত হয়। এই ট্যাগগুলো HTML-এর মতোই কাজ করে, তবে XHTML-এ আরো কড়া নিয়ম এবং স্ট্রিক্ট গঠন মেনে চলতে হয়। নিচে কিছু গুরুত্বপূর্ণ বেসিক টেক্সট ট্যাগের ব্যাখ্যা দেওয়া হলো।


১. হেডিং ট্যাগস ( থেকে )

হেডিং ট্যাগস (Heading Tags) HTML এবং XHTML-এ গুরুত্বপূর্ণ ভূমিকা পালন করে, কারণ এগুলো পেজের শিরোনাম এবং সাব-শিরোনাম তৈরি করতে ব্যবহৃত হয়। XHTML-এ <h1> থেকে <h6> পর্যন্ত ট্যাগগুলো ব্যবহৃত হয়, যেখানে <h1> হলো সবচেয়ে বড় হেডিং এবং <h6> হলো সবচেয়ে ছোট হেডিং।

১.1 থেকে ব্যবহারের উদাহরণ

<h1>This is a main heading (Largest)</h1>
<h2>This is a subheading (Second largest)</h2>
<h3>This is a subheading (Third largest)</h3>
<h4>This is a subheading (Medium size)</h4>
<h5>This is a subheading (Smaller)</h5>
<h6>This is a subheading (Smallest)</h6>

ব্যাখ্যা:

  • <h1>: পেজের প্রধান শিরোনাম, সাধারণত সবচেয়ে গুরুত্বপূর্ণ।
  • <h2> থেকে <h6>: ক্রমান্বয়ে ছোট এবং কম গুরুত্বপূর্ণ শিরোনাম।

XHTML-এ, আপনি যেকোনো হেডিং ট্যাগ ব্যবহারের সময় অবশ্যই সঠিকভাবে ট্যাগটি বন্ধ করবেন, যেমন: <h1>Content</h1>


২. প্যারাগ্রাফ ট্যাগ ()

<p> ট্যাগ প্যারাগ্রাফ তৈরি করতে ব্যবহৃত হয়। এটি সাধারণত টেক্সটের ব্লক বা প্যারাগ্রাফের জন্য ব্যবহৃত হয় এবং HTML ও XHTML উভয়েই একইভাবে কাজ করে।

২.1 ট্যাগের উদাহরণ

<p>This is a paragraph of text in XHTML. It is displayed as a block of text with spaces between paragraphs.</p>
<p>Each paragraph in XHTML must be enclosed within <p> and </p> tags.</p>

ব্যাখ্যা:

  • <p>: প্যারাগ্রাফের শুরু।
  • </p>: প্যারাগ্রাফের শেষ।
  • XHTML-এ এই ট্যাগের মধ্যে থাকা টেক্সট ব্লকের মধ্যে ফাঁকা জায়গা থাকবে।

৩. লাইনের ব্রেক ট্যাগ ()

<br> ট্যাগটি লাইনের ব্রেক বা নতুন লাইন তৈরি করার জন্য ব্যবহৃত হয়। এটি সাধারণত প্যারাগ্রাফের মধ্যে বা কোন নির্দিষ্ট স্থানে নতুন লাইন দিতে ব্যবহৃত হয়।

৩.1 ট্যাগের উদাহরণ

<p>This is the first line.<br />
This is the second line.</p>

ব্যাখ্যা:

  • <br />: এটি একটি একক ট্যাগ এবং একটি লাইনের ব্রেক তৈরি করে, যেখানে কোডের পরবর্তী অংশ নতুন লাইনে শুরু হয়।
  • XHTML-এ <br> ট্যাগের জন্য বন্ধন চিহ্ন ( / ) ব্যবহার করতে হয়, যেমন: <br />

৪. XHTML-এ টেক্সট ট্যাগের নিয়ম

XHTML-এর ক্ষেত্রে কিছু বিশেষ নিয়ম রয়েছে, যেগুলো HTML-এ সাধারণত পালন করার প্রয়োজন নেই। এই নিয়মগুলো মূলত XML-এর কঠোর গঠন অনুসরণ করে। নিচে কিছু গুরুত্বপূর্ণ নিয়ম তুলে ধরা হলো:

৪.1 কেস সেনসিটিভিটি

XHTML-এ ট্যাগের নামগুলো কেস সেনসিটিভ, অর্থাৎ <h1>, <H1> এবং <H1> আলাদা। তাই, সব ট্যাগ এবং অ্যাট্রিবিউট ছোট হাতের অক্ষরে লেখা উচিত।

৪.2 ট্যাগ বন্ধন

XHTML-এ সব ট্যাগকে সঠিকভাবে বন্ধ করতে হয়, এমনকি একক ট্যাগগুলো যেমন <br />, <img /> এগুলোও বন্ধন সহ ব্যবহার করতে হয়।

৪.3 অ্যাট্রিবিউট কোটেশন

XHTML-এ সব অ্যাট্রিবিউটের মান কোটেশনে থাকতে হবে। উদাহরণস্বরূপ, <img src="image.jpg" alt="Sample Image" />


XHTML-এ টেক্সটের জন্য বেসিক ট্যাগগুলো অত্যন্ত গুরুত্বপূর্ণ। <h1> থেকে <h6> ট্যাগ ব্যবহার করে শিরোনাম তৈরি করা হয়, <p> ট্যাগ দিয়ে প্যারাগ্রাফ তৈরি করা হয় এবং <br /> ট্যাগ দিয়ে লাইনের ব্রেক তৈরি করা হয়। XHTML-এ কিছু কঠোর নিয়ম অনুসরণ করতে হয়, যেমন কেস সেনসিটিভিটি, সঠিকভাবে ট্যাগ বন্ধ করা এবং অ্যাট্রিবিউটের মান কোটেশনে রাখা। এসব নিয়ম মেনে চললে, আপনি সঠিক XHTML ডকুমেন্ট তৈরি করতে পারবেন।

Content added By
Promotion

Are you sure to start over?

Loading...